<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico" />
	
	<!--link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Serif' rel='stylesheet' type='text/css'-->

	<!--link rel="stylesheet" href="css/reset.css"--> <!-- CSS reset -->
	<link rel="stylesheet" href="css/anime.css"> <!-- Gem style -->
	<script src="js/modernizr.js"></script> <!-- Modernizr -->
	<link rel="stylesheet" href="css/flickity.css" media="screen">
	<script src="/path/to/flickity.pkgd.min.js"></script>
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	<!--link rel="stylesheet" type="text/css" href="css/default.css"-->
	<link rel="stylesheet" href="css/flickity-docs.css" media="screen" />
	<script src="js/flickity-docs.min.js"></script>
	<script src="/path/to/imagesloaded.pkgd.js"></script>
	<script>
  var flky = new Flickity( '.gallery', {
  // options, defaults listed
 
  accessibility: false,
  // enable keyboard navigation, pressing left & right keys
 
  autoPlay: false,
  // advances to the next cell
  // if true, default is 3 seconds
  // or set time between advances in milliseconds
  // i.e. `autoPlay: 1000` will advance every 1 second
 
  cellAlign: 'center',
  // alignment of cells, 'center', 'left', or 'right'
  // or a decimal 0-1, 0 is beginning (left) of container, 1 is end (right)
 
  cellSelector: undefined,
  // specify selector for cell elements
 
  contain: false,
  // will contain cells to container
  // so no excess scroll at beginning or end
  // has no effect if wrapAround is enabled
 
  draggable: true,
  // enables dragging & flicking
 
  freeScroll: false,
  // enables content to be freely scrolled and flicked
  // without aligning cells
 
  friction: 0.2,
  // smaller number = easier to flick farther
 
  imagesLoaded: false,
  // if imagesLoaded is present, Flickity can re-position cells
  // once images are loaded
 
  initialIndex: 0,
  // zero-based index of the initial selected cell
 
  percentPosition: true,
  // sets positioning in percent values, rather than pixels
  // Enable if items have percent widths
  // Disable if items have pixel widths, like images
 
  prevNextButtons: true,
  // creates and enables buttons to click to previous & next cells
 
  pageDots: true,
  // create and enable page dots
 
  resizeBound: true,
  // listens to window resize events to adjust size & positions
 
  watchCSS: false,
  // watches the content of :after of the element
  // activates if #element:after { content: 'flickity' }
  // IE8 and Android 2.3 do not support watching :after
  // set watch: 'fallbackOn' to enable for these browsers
 
  wrapAround: false
  // at end of cells, wraps-around to first for infinite scrolling
 
});</script>
<title>アニメ - 太正浪漫資料館</title>
</head>

<body>
<script src="top.js"></script>
	<main>
		<section id="cd-team" class="cd-section">
			<div class="cd-container">
				<ul>
					<li>
						<a href="#0" data-type="member-1">
							<figure>
							<img src="https://s2.ax1x.com/2019/12/18/Q7YeYV.jpg" alt="">
							<div class="cd-img-overlay"><span>View Info</span></div>
							</figure>
							<div class="cd-member-info">
								サクラ大戦 花組ビデオブロマイド <span>1997</span>
							</div> <!-- cd-member-info -->
						</a>
					</li>
					<li>
						<a href="#0" data-type="member-2">
							<figure>
							<img src="https://s2.ax1x.com/2019/12/18/Q7YKlF.jpg" alt="">
							<div class="cd-img-overlay"><span>View Info</span></div>
							</figure>
							<div class="cd-member-info">
								サクラ大戦 桜華絢爛 <span>1997</span>
							</div> <!-- cd-member-info -->
						</a>
					</li>
					<!--li>
						<a href="#0" data-type="member-3">
							<figure>
								<img src="img/team-member-1.jpg" alt="Team member 1">
								<div class="cd-img-overlay"><span>View Bio</span></div>
							</figure>
							<div class="cd-member-info">
								Samuel Noel <span>Web Design</span>
							</div>
						</a>
					</li-->
				</ul>
			</div> <!-- cd-container -->
		</section> <!-- cd-team -->

		<div class="cd-overlay"></div>
	</main>
	<div class="cd-member-bio member-1">
		<div class="cd-member-bio-pict">
			<img src="https://s2.ax1x.com/2019/12/18/Q7YwOH.png" alt="">
		</div> <!-- cd-member-bio-pict -->

		<div class="cd-bio-content">
			<h1>サクラ大戦 花組ビデオブロマイド</h1>
			<p>1996年に家庭用ゲーム機セガサターン用の美少女恋愛アドベンチャーソフトとして発売され、以降も数多くの関連作が作られている「サクラ大戦」シリーズ。そのゲーム第1作中にインサートされるアニメムービーパートなどをもとに構成されたのがこのバラエティビデオ『～花組ビデオブロマイド』で、各巻約40分の上下巻がリリースされた。時代は大正12年。西洋と日本の文化が入り交じる帝都・東京は一見華やかな文明を築き上げていたが、同時に帝都は闇で怪異が蠢く魔都でもあった。対するべく政府は対降魔組織・帝国華撃団を組織。これは帝国華撃団・花組の青年将校・大神一郎と、真宮寺さくらたち美少女6人の戦いをつづった記録である。本作には声優同士の対談映像なども収録。また本作は、1997年暮れに発売されるOVA『サクラ大戦～桜華絢爛～』に先駆けて刊行されたビデオソフトである。</p>
			<div class="cd-bio-gallery">
				<div class="gallery js-flickity"
  data-flickity-options='{ "imagesLoaded": true, "prevNextButtons": false}'>
			<img src="https://s2.ax1x.com/2019/12/18/Q7Yykt.jpg" />
		    <img src="https://s2.ax1x.com/2019/12/18/Q7Ycff.jpg" />
				</div>
			</div>
		</div> <!-- cd-bio-content -->
	</div> <!-- cd-member-bio -->

	<div class="cd-member-bio member-2">
		<div class="cd-member-bio-pict">
			<img src="https://s2.ax1x.com/2019/12/18/Q7YW6g.jpg" alt="">
		</div> <!-- cd-member-bio-pict -->

		<div class="cd-bio-content">
			<h1>サクラ大戦 桜華絢爛</h1>
			<p>人気ゲーム「サクラ大戦」のプレストーリーにあたる第1期OVAシリーズ。蒸気機関が文明を担う架空の時代「太正」。帝国陸軍・米田一基は、来るべき降魔との戦いに備えて帝国華撃団構想を推進していた。霊子兵器を操る異能者を求めて藤枝あやめは世界を放浪。上海で李 紅蘭、ニューヨークでマリア・タチバナ、沖縄で桐島カンナ、フランスでアイリスをスカウト。さらに北辰一刀流の使い手である真宮寺さくらが加わり「帝国華撃団」が結成された。隊長には「皆の信頼にたる若い男性を」というあやめの意思で、海軍少尉・大神一郎が選ばれる。帝都を守るために花組メンバーは宿敵・黒之巣会に対しての熾烈な戦いに備えるのであった…。</p>
			<div class="cd-bio-gallery">
				<div class="gallery js-flickity"
  data-flickity-options='{ "imagesLoaded": true, "prevNextButtons": false}'>
		    <img src="https://s2.ax1x.com/2019/12/18/Q7YTkq.jpg" />
				</div>
			</div>
		</div> <!-- cd-bio-content -->
	</div> <!-- cd-member-bio -->

	<!--div class="cd-member-bio member-3">
		<div class="cd-member-bio-pict">
			<img src="img/member-bio-img-3.jpg" alt="Member Bio image">
		</div>

		<div class="cd-bio-content">
			<h1>Meet Samuel Noel</h1>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non, amet, voluptatibus et omnis dolore illo saepe voluptatem qui quibusdam sunt corporis ut iure repellendus delectus voluptate explicabo temporibus quos eaque?</p>
		</div>
	</div--> 
	<a href="#0" class="cd-member-bio-close">Close</a> <!-- close the author bio section -->
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/anime.js"></script> <!-- Gem jQuery -->
</body>
</html>
